<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>验证您的邮箱</title>
</head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
        <h2 style="color: #2c3e50;">验证您的邮箱</h2>
        <p>感谢您注册我们的博客系统！请点击下面的按钮验证您的邮箱地址：</p>
        <p style="margin: 30px 0;">
            <a th:href="${verificationUrl}"
               style="background-color: #3498db; color: white; padding: 12px 24px; text-decoration: none; border-radius: 4px;">
                验证邮箱
            </a>
        </p>
        <p>或者复制以下链接到浏览器地址栏：</p>
        <p style="word-break: break-all; color: #666;">
            <span th:text="${verificationUrl}"></span>
        </p>
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            如果这不是您的操作，请忽略此邮件。
        </p>
    </div>
</body>
</html> 